﻿<!DOCTYPE html>
<html lang="en">
<head>

    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
    <script src="../../statics/js/indexs/home_page.js"></script>
    <meta charset="UTF-8">
    <title>阳曲服务区信息平台</title>
    <#include "/header.html">
    <style>
        .playWnd {
            width:  100%;                  /*播放容器的宽和高设定*/
            height: 100%;
            /*border: 1px solid red;*/
        }
        .camera-left{}
        .camera-right{}
        .camera-run{}
    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >阳曲服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr "><a style="color: white" href="../../modules/page/page_1.html" class="nav-link">实时监测</a></li>
            <li class="l_left total_chose_pl " ><a style="color: white" href="../../modules/page/page_2.html" class="nav-link">流量分析</a></li>
           <!-- <li class="l_left total_chose_pl "><a style="color: white" href="../../modules/page/page_3.html" class="nav-link">订单分析</a></li>-->
            <li class="r_right total_chose_fr "><a style="color: white" href="../../modules/page/page_4.html" class="nav-link">大屏推送</a></li>
            <li class="r_right total_chose_pl nav_active" ><a style="color: white" href="../../modules/page/page_5.html" class="nav-link">车位管理</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_6.html" class="nav-link">智慧公厕</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_7.html" class="nav-link">视频监控</a></li>
        </ul>
        <div class="total_chose_box" style="padding:1%;">
            <div style="height: 10px;"></div>
            <span id="thisDay" onclick="choicetime(0)" class="year_chose" style="background-color: #3366FF;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本天</span>
            <span id="thisMonth" onclick="choicetime(1)" class="year_chose" style="margin-left:5px;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本月</span>
            <input  style="margin-left:5px;float: left;display:inline-block;height:26px;width: 8% ;" type="text"  class="layui-input" id="choiceday" placeholder="选择日期">
            <input  style="margin-left:5px;float: left;display:none;height:26px;width: 8% ;" type="text"  class="layui-input" id="choicemonth" placeholder="选择月">
            <span  id="submit" onclick="query()" class="year_chose" style="margin-left:5px;width: 4% ;display:block;background-color: #3366FF;text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer">查询</span>
            <!--<span  onclick="choicetime(7)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近7天</span>
            <span  onclick="choicetime(30)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近30天</span>-->
        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >

        <div class="inner" style="margin-left: 0.3%;margin-top: 0.3%;">
            <div style="height: 30%;">
                <div class="data_left01" style="height: 100%;width: 35%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 9%;">车位统计</div>
                                <table class="table_data02" style="border: none;text-align: center;font-size: 20px;">
                                    <tr >
                                        <td></td>
                                        <td>总数</td>
                                        <td>大车位剩余</td>
                                        <td>车位占用率</td>
                                        <td>小车位剩余</td>
                                        <td>车位占用率</td>
                                    </tr>
                                    <tr >
                                        <td>南区</td>
                                        <td id="soutotal" >--</td>
                                        <td id="soubsy" >--</td>
                                        <td id="soubzyl">--</td>
                                        <td id="soussy" >--</td>
                                        <td id="souszyl">--</td>
                                    </tr>
                                    <tr >
                                        <td >北区</td>
                                        <td id="nortotal" >--</td>
                                        <td id="norbsy" >--</td>
                                        <td id="norbzyl">--</td>
                                        <td id="norssy" >--</td>
                                        <td id="norszyl">--</td>
                                    </tr>
                                    <tr >
                                        <td >总计</td>
                                        <td id="ttotal">--</td>
                                        <td id="tbsy">--</td>
                                        <td id="tbzyl">--</td>
                                        <td id="tssy">--</td>
                                        <td id="tszyl">--</td>
                                    </tr>
                                </table>
                                <!--<div class="data_chart" id="carflow" style="float:left;width:97%;height: 93%"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 45%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 9%;">车位占用率统计</div>
                                <div class="data_chart" id="zhanyonglv" style="float:left;width:97%;height: 91%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 19%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div id="playWnd" class="playWnd" style="left: 0.5%; top: 0.5%;width: 99.5%;height: 99.5%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 70%;margin-top: 0.2%">
                <div class="data_left01" style="height: 100%;width: 49.5%;float: left;margin-right: 0.3%;margin-left: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 4%;">南区车位</div>
                                <div style="width:100%;height: 96%;display: inline-block;float: left;position: relative">
                                    <img src="../../statics/css/img/southParking.png" style="height: 100%;width:80%;float: left">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="3e4b129c7a86433da835373cd9180f2e" onclick="startPreview3('3e4b129c7a86433da835373cd9180f2e')" style="position: absolute;top: 7%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="74212b4d0e7740d88177be64807c1f71" onclick="startPreview3('74212b4d0e7740d88177be64807c1f71')" style="position: absolute;top: 7%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="298745c440b14d378c0344ba0f131768" onclick="startPreview3('298745c440b14d378c0344ba0f131768')" style="position: absolute;top: 7%;left: 55%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="86f49056137c4d599af1b029cf9bab5b" onclick="startPreview3('86f49056137c4d599af1b029cf9bab5b')" style="position: absolute;top: 7%;left: 58%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="7ae8223339244d7c96388e702e6abef5" onclick="startPreview3('7ae8223339244d7c96388e702e6abef5')" style="position: absolute;top: 11%;left: 19%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="a9f05df626014230aad96cb44a51d87e" onclick="startPreview3('a9f05df626014230aad96cb44a51d87e')" style="position: absolute;top: 11%;left: 22%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="eee6054c75574dee97faa353841fa27b" onclick="startPreview3('f833329f921641f993fdb905e55cba45')" style="position: absolute;top: 11%;left: 55%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="c9b00b12c85144eab7b22f7c53920980" onclick="startPreview3('c9b00b12c85144eab7b22f7c53920980')" style="position: absolute;top: 11%;left: 58%;width: 3%;cursor: pointer">


                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="a94c277c5e5246db9037af20de4ca184" onclick="startPreview3('a94c277c5e5246db9037af20de4ca184')" style="position: absolute;top: 52%;left: 18%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="e30c9bc3682e43dfb61af1ef21faa7cb" onclick="startPreview3('e30c9bc3682e43dfb61af1ef21faa7cb')" style="position: absolute;top: 52%;left: 21%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="a116c570262e4c1c98f52b5218b4eb31" onclick="startPreview3('a116c570262e4c1c98f52b5218b4eb31')" style="position: absolute;top: 52%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="8c626afee50a41f1834d16bf8983ca09" onclick="startPreview3('8c626afee50a41f1834d16bf8983ca09')" style="position: absolute;top: 52%;left: 59%;width: 3%;cursor: pointer">


                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="bbe5cb708ad7418c9e6aec3644b7c492" onclick="startPreview3('bbe5cb708ad7418c9e6aec3644b7c492')" style="position: absolute;top: 59%;left: 18%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="2ddc0c4135d44522898126cacd7dcbf9" onclick="startPreview3('2ddc0c4135d44522898126cacd7dcbf9')" style="position: absolute;top: 59%;left: 21%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="35177b770b5444cb9b0ff0ebc2dd008e" onclick="startPreview3('35177b770b5444cb9b0ff0ebc2dd008e')" style="position: absolute;top: 59%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="65849f4e6cb14f03bb78000c244a47d9" onclick="startPreview3('65849f4e6cb14f03bb78000c244a47d9')" style="position: absolute;top: 59%;left: 59%;width: 3%;cursor: pointer">


                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="c555f08416c24c64a668e1d1ad6ea568" onclick="startPreview3('c555f08416c24c64a668e1d1ad6ea568')" style="position: absolute;top: 65.5%;left: 18%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="6a796cc69a7a421b88238482a4add3b1" onclick="startPreview3('6a796cc69a7a421b88238482a4add3b1')" style="position: absolute;top: 65.5%;left: 21%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="5cbfa39a28cd45eda1d3824c93d79ba3" onclick="startPreview3('5cbfa39a28cd45eda1d3824c93d79ba3')" style="position: absolute;top: 65.5%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="8f64034c49f9418c954114ef07c361ab" onclick="startPreview3('8f64034c49f9418c954114ef07c361ab')" style="position: absolute;top: 65.5%;left: 59%;width: 3%;cursor: pointer">

                                    <!--   <img src="../statics/css/img/camera-left.png" id="" onclick="startPreview3('')" style="position: absolute;top: 71%;left: 75%;width: 3%;cursor: pointer">-->

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="fb88b027e45847dd940009158c299f78" onclick="startPreview3('fb88b027e45847dd940009158c299f78')" style="position: absolute;top: 69%;left: 18%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="a5b9abf14e204b3e92c81e130bcd911e" onclick="startPreview3('a5b9abf14e204b3e92c81e130bcd911e')" style="position: absolute;top: 69%;left: 21%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="c9a2abdd92c84c6a9f83836fe1927ff2" onclick="startPreview3('c9a2abdd92c84c6a9f83836fe1927ff2')" style="position: absolute;top: 69%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="9117955f258042c18741189834b77788" onclick="startPreview3('9117955f258042c18741189834b77788')" style="position: absolute;top: 69%;left: 59%;width: 3%;cursor: pointer">


                                    <!--   <img src="../statics/css/img/camera-left.png" id="" onclick="startPreview3('')" style="position: absolute;top: 71%;left: 75%;width: 3%;cursor: pointer">-->

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="c7c8c659ba8b4534a7947f2d3977813c" onclick="startPreview3('c7c8c659ba8b4534a7947f2d3977813c')" style="position: absolute;top: 75.5%;left: 20.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="3de785312bc44b7aba2cc66d93f554d1" onclick="startPreview3('3de785312bc44b7aba2cc66d93f554d1')" style="position: absolute;top: 75.5%;left: 23.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="b8f01123f90441768691dc71884f66f2" onclick="startPreview3('b8f01123f90441768691dc71884f66f2')" style="position: absolute;top: 85%;left: 44%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="d96143e9b57e469885ddc80608eb4386" onclick="startPreview3('d96143e9b57e469885ddc80608eb4386')" style="position: absolute;top: 85%;left: 47%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="6694223b2dc44f808e9782ce61ce9f53" onclick="startPreview3('6694223b2dc44f808e9782ce61ce9f53')" style="position: absolute;top: 80%;left: 59%;width: 3%;cursor: pointer">


                                    <div style="width:19%;height:90%;margin-left: 5px;display: inline-block;color: red;text-align: center;font-size: 19px;position: relative">
                                        <div style="top: 16% !important; position: absolute">后广场货车区:<span id="bts" style="color:springgreen;">000</span></div>
                                        <div style="top: 59% !important; position: absolute">小车区:<span id="fcs" style="color: springgreen;">000</span></div>
                                        <div style="top: 78% !important; position: absolute">前广场大车区:<span id="fbs" style="color: springgreen;">000</span></div>
                                        <div style="top: 95% !important; position: absolute">超长货车区:<span id="ls" style="color: springgreen;">000</span></div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01" style="height: 100%;width: 49.5%;float: left;margin: 0;">
                    <div class="dataAll maginS" style="height: 100%">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1" style="height: 4%;">北区车位</div>
                                <div style="width:100%;height: 96%;display: inline-block;float: left;position: relative">
                                    <img src="../../statics/css/img/northParking.png" style="height: 100%;width: 80%;float: left">

                                    <img src="../../../statics/css/img/camera-left.png" name="camera-left" id="38ea472a4cd14f6b992f172131746cfd" onclick="startPreview3('38ea472a4cd14f6b992f172131746cfd')" style="position: absolute;top: 4.6%;left: 33%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="223288ac348f49daa8ef61d4e41a167a" onclick="startPreview3('223288ac348f49daa8ef61d4e41a167a')" style="position: absolute;top: 4.6%;left: 36%;width: 3%;cursor: pointer">
                                    <img src="../../../statics/css/img/camera-left.png" name="camera-left" id="43393c6b0dea44019ee83506ed159f9f" onclick="startPreview3('43393c6b0dea44019ee83506ed159f9f')" style="position: absolute;top: 8.5%;left: 33%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="386927ccf9b247a49717d39e92d59ef6" onclick="startPreview3('386927ccf9b247a49717d39e92d59ef6')" style="position: absolute;top: 8.5%;left: 36%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="06a80f6e23ce4622ad54007476f87707" onclick="startPreview3('06a80f6e23ce4622ad54007476f87707')" style="position: absolute;top: 50%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="678a9fae7795475fb2b6fcd874271e0f" onclick="startPreview3('678a9fae7795475fb2b6fcd874271e0f')" style="position: absolute;top: 50%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="e6099d19c62849e8b776925567fadca2" onclick="startPreview3('e6099d19c62849e8b776925567fadca2')" style="position: absolute;top: 50%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="76dd51da3dd34499a953a8a8c1868bd3" onclick="startPreview3('76dd51da3dd34499a953a8a8c1868bd3')" style="position: absolute;top: 50%;left: 56%;width: 3%;cursor: pointer">


                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="a7657bce762c4a9db9d407e46f508e54" onclick="startPreview3('a7657bce762c4a9db9d407e46f508e54')" style="position: absolute;top: 55%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="b2a57e80f5194313b2b0592598416aef" onclick="startPreview3('b2a57e80f5194313b2b0592598416aef')" style="position: absolute;top: 55%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="dc5359b7efbc44e48f9106072552fcb0" onclick="startPreview3('dc5359b7efbc44e48f9106072552fcb0')" style="position: absolute;top: 55%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="38298b347ddc481f98b8e167a0c4e994" onclick="startPreview3('38298b347ddc481f98b8e167a0c4e994')" style="position: absolute;top: 55%;left: 56%;width: 3%;cursor: pointer">


                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="259471b07073422a9911979f30cbe509" onclick="startPreview3('259471b07073422a9911979f30cbe509')" style="position: absolute;top: 66%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="498a22f34d7f4ae3bf32f923910dfcf6" onclick="startPreview3('498a22f34d7f4ae3bf32f923910dfcf6')" style="position: absolute;top: 66%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="1b1d30ba938e494ba4cb4b6548eaba86" onclick="startPreview3('1b1d30ba938e494ba4cb4b6548eaba86')" style="position: absolute;top: 66%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="e24d39ce5f7b4c4f8218f84d292c57b2" onclick="startPreview3('e24d39ce5f7b4c4f8218f84d292c57b2')" style="position: absolute;top: 66%;left: 56%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="952db4c60ebb422cb05dea3121451d5a" onclick="startPreview3('952db4c60ebb422cb05dea3121451d5a')" style="position: absolute;top: 70%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="ccbc4761a1e94a758057bb7af1318ca3" onclick="startPreview3('ccbc4761a1e94a758057bb7af1318ca3')" style="position: absolute;top: 70%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="4f1420a0f88542a5810d66008cb26374" onclick="startPreview3('4f1420a0f88542a5810d66008cb26374')" style="position: absolute;top: 70%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="56cfaf7f8dd0499d854fb48ed69cee0f" onclick="startPreview3('56cfaf7f8dd0499d854fb48ed69cee0f')" style="position: absolute;top: 70%;left: 56%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="5083da3aba104a8687cb0ab60e0fa484" onclick="startPreview3('5083da3aba104a8687cb0ab60e0fa484')" style="position: absolute;top: 79.5%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="adb286f0077041e8a99ab4bee03cbc11" onclick="startPreview3('adb286f0077041e8a99ab4bee03cbc11')" style="position: absolute;top: 79.5%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="3dd44cf31f0e4c4496cae23e73a0f963" onclick="startPreview3('3dd44cf31f0e4c4496cae23e73a0f963')" style="position: absolute;top: 79.5%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="6293a9e6b4e84425952450f689368206" onclick="startPreview3('6293a9e6b4e84425952450f689368206')" style="position: absolute;top: 79.5%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="19df9445a17544bb93d0c401f4c960df" onclick="startPreview3('19df9445a17544bb93d0c401f4c960df')" style="position: absolute;top: 83%;left: 18.5%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="fef98775f1ac46f89d80829b066fab66" onclick="startPreview3('fef98775f1ac46f89d80829b066fab66')" style="position: absolute;top: 83%;left: 21.5%;width: 3%;cursor: pointer">

                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="dd427edae97d423d927f6e619e8a7ada" onclick="startPreview3('dd427edae97d423d927f6e619e8a7ada')" style="position: absolute;top: 83%;left: 53%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="0a18867e6ccb45e891772c578b601b65" onclick="startPreview3('0a18867e6ccb45e891772c578b601b65')" style="position: absolute;top: 83%;left: 56%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-left.png" name="camera-left" id="7314fbc5addc4aad9e69cd006edafecc" onclick="startPreview3('7314fbc5addc4aad9e69cd006edafecc')" style="position: absolute;top: 94%;left: 46%;width: 3%;cursor: pointer">
                                    <img src="../../statics/css/img/camera-right.png" name="camera-right" id="5ce14c99e69343edb087108213d1d77c" onclick="startPreview3('5ce14c99e69343edb087108213d1d77c')" style="position: absolute;top: 94%;left: 49%;width: 3%;cursor: pointer">


                                    <div style="width:19%;height: 90%;margin-left: 5px;display: inline-block;float: left;color: red;text-align: center;font-size: 19px;position: relative">
                                        <div style="top: 16% !important; position: absolute">后广场货车区:<span id="btn" style="color: springgreen;">000</span></div>
                                        <div style="top: 59% !important; position: absolute">小车区:<span id="fcn" style="color: springgreen;">000</span></div>
                                        <div style="top: 76% !important; position: absolute">前广场客车区:<span id="fbn" style="color: springgreen;">000</span></div>
                                        <div style="top: 90% !important; position: absolute">前广场货车区:<span id="ftn" style="color: springgreen;">000</span></div>
                                        <div style="top: 104% !important; position: absolute">超长货车区:<span id="ln" style="color: springgreen;">000</span></div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
    <div id="northLayer" style="display: none;padding:10px;">
        <ul id="northTree" class="ztree"></ul>
    </div>
    <div id="southLayer" style="display: none;padding:10px;">
        <ul id="southTree" class="ztree"></ul>
    </div>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/js/page/page_5.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>-->
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<!--<script src="js/MainMap.js"></script>-->
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
<script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
<script src="../../statics/js/indexs/hikvision2.js"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
        //自定义格式
        laydate.render({
            elem: '#choiceday'
            ,format: 'yyyy-MM-dd'
        });
        //年月选择器
        laydate.render({
            elem: '#choicemonth'
            ,type: 'month'
        });

    });
</script>
<script>
    function goBackstage() {
        window.location.href="../../index.html";
    }
</script>

</body>
</html>



























